<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>摄像头应用</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <div class="container">
        <h1>摄像头应用</h1>
        <div class="camera-container">
            <div class="video-container">
                <img id="videoElement" src="{{ url_for('static', filename='img/placeholder.png') }}" alt="摄像头画面">
                <div id="loadingIndicator" class="loading-indicator hidden">
                    <div class="spinner"></div>
                    <p>摄像头加载中...</p>
                </div>
            </div>
            <div class="controls">
                <button id="startButton" class="control-btn">打开摄像头</button>
                <button id="stopButton" class="control-btn" disabled>关闭摄像头</button>
            </div>
        </div>
    </div>
    <script src="{{ url_for('static', filename='js/camera.js') }}"></script>
</body>
</html> 